<template>
  <component :is="layout">
    <RouterView />
  </component>
</template>

<script setup>
import { useRoute } from 'vue-router'
import { computed } from "vue";
import Layout from '@/components/Layout/LayoutVue.vue'

const route = useRoute()

const layout = computed(() => {
  // Define routes that don't require the layout
  const noLayoutRoutes = ['login', 'register']
  return noLayoutRoutes.includes(route.name) ? 'div' : Layout
})
</script>
<style>
*,
*::before,
*::after {
  box-sizing: border-box;
}
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
</style>
